<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../node_modules/echarts/dist/echarts.min.js"></script>
    <title>Title</title>
</head>
<body style="height: 500px">
    <div id="bar-example" style="height: 100%"></div>
    <script>
        echarts.init(document.getElementById('bar-example')).setOption({
            tooltip: {trigger: 'axis',axisPointer: {type: 'cross'}},
            xAxis: {type: 'time',splitLine: {show: false}},
            yAxis: {type: 'value',splitLine: {show: false}},
            title : {text: '产能'},
            series : {type:"bar",showSymbol:false,name:"产能",
                itemStyle:{color:"#005ea7"},
                data:[
                    ["2018-06-21",-15135.56],["2018-06-10",-18329.19],["2018-05-13",981.00],
                    ["2018-04-15",3613.89],["2018-03-19",-284.60],["2018-02-13",9191.73],
                    ["2018-01-14",-4038.72],["2017-12-24",4051.78],["2017-11-18",-2328.62],
                    ["2017-10-12",4969.94],["2017-09-16",3141.32]
                ]}
        })
    </script>
</body>
</html>